@charset"utf-8";
/*自定义分页符样式*/
/***
    首页banner
***/
#banner{
    /*margin-top: 84px;*/
}
#banner .im_mo{display: none;}
#banner .im_pc{display: block;}
#banner .swiper-container-horizontal>.swiper-pagination{
    padding:0 3%;
    bottom:5%;
}
#banner .swiper-pagination-clickable .swiper-pagination-bullet{
    display: inline-block;
    width: 12px;
    height:12px;
    margin-left: 8px;
    background-color:#ffffff;
    transition: transform .2s;
    cursor: pointer;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    opacity: 1;
}
#banner .swiper-pagination-bullets{
    padding:0 30px;
}
#banner .swiper-pagination-clickable .swiper-pagination-bullet-active{
    background-color:#005198;
}
#banner img{
    width: 100%;
}
@media screen and (max-width: 1024px){
    #banner .im_mo{display: block;}
    #banner .im_pc{display: none;}
}
.inner{
    width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 1200px) {
    .inner{
        width: 1024px;
    }
}
@media screen and (max-width: 1024px) {
    .inner{
        width: 100%;
    }
}
.padd50{
    padding: 50px 0;
}
.company ul li{
    float: left;
    width: 33.33%;
    padding: 1%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.company ul li a{
    display: block;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #C1261D;
    -webkit-box-shadow: 0 2px 6px #C3C3C3;
    -moz-box-shadow: 0 2px 6px #C3C3C3;
    box-shadow: 0 2px 6px #C3C3C3;
}
.com-top{
    padding: 0 20px;
    border-bottom: 1px solid #C4271D;
}
.com-top h1{
    font-size: 22px;
    font-weight: bold;
    color: #053961;
    line-height: 80px;
}
.com-top h1 i{
    color: #053961;
    font-weight: normal;
    font-size:24px;
}
.com-top span{
    font-size: 14px;
    color: #6A6A6A;
    line-height: 80px;
}
.com-top span i{
    color: #C4271D;
}
.com-cont{
    padding: 10px;
    height: 400px;
    overflow: hidden;
}
.com-cont img{
    width: 100%;
}
.com-cont h3{
    font-size: 20px;
    color: #3A3A3A;
    margin-top: 35px;
    margin-bottom:15px;
}
.com-cont p{
    font-size: 16px;
    line-height: 20px;
    color: #666;
}
.com-cont:hover p{
    color: #005298;
}
.com-text{
    padding: 0 15px;
}
.com-list{
    margin-top: 20px;
}
.com-list span{
    float: left;
    width: 25%;
    text-align: center;
    line-height:20px;
    font-size: 16px;
}
.com-list span i{
    display: inline-block;
    width: 59px;
    height: 43px;
    background-image: url("../images/index/biao.png");
    background-repeat: no-repeat;
    background-position: -3px -10px;
}
.com-list span:nth-child(2) i{
    background-position: -3px -59px;
}
.com-list span:nth-child(3) i{
    background-position: -3px -105px;
}
.com-list span:nth-child(4) i{
    background-position: -3px -157px;
}
.com-list span:hover{
    color: #005298;
}
.com-list span:nth-child(1):hover i{
    background-position: -78px -10px;
}
.com-list span:nth-child(2):hover i{
    background-position: -85px -59px;
}
.com-list span:nth-child(3):hover i{
    background-position: -84px -105px;
}
.com-list span:nth-child(4):hover i{
    background-position: -84px -158px;
}
.com-text h4{
    font-size: 20px;
    color: #3A3A3A;
    margin-top: 35px;
    margin-bottom:25px;
}
.com-text h4:hover{
    color:#005298;
}
.company ul li:hover{
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
}
@media screen and (max-width: 768px) {
    .company ul li {
        float: left;
        width: 100%;
        padding: 0 3%;
        margin-bottom: 20px;
    }
    }